<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]-->
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <!--[endif]-->
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <!--[if IE 6]-->
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <!--[endif]-->
    <title>中奖名单</title>
    <style>
        .level1 ul li {
            height: 30px;
            line-height: 30px;
        }
        .level1 .level1-ul {
            border-bottom: 1px solid #dedede;
        }
        .level1 .level2-content ul:last-child {
            border-bottom: 1px solid #dedede;
            padding-bottom: 5px;
        }
        .tips:hover {
            cursor: pointer;
        }
    </style>
</head>
<body data-id="82">
<nav class="breadcrumb">首页 <span class="c-gray en">&gt;</span> <span>促销管理</span> <span class="c-gray en">&gt;</span> 小游戏促销</span> <span class="c-gray en">&gt;</span> 中奖名单<a
        class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px ;display:block" href="javascript:location.replace(location.href);"
        title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <form class="ml-20 mr-20" id="promotion_manage" method="get">
        <div class="bk-gray bg-1 pd-20">
            <table class="table">
                <tbody>
                <tr>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-26" style="width: 107px;">中奖人账号：</label>
                            <input id="loginAccount" name="loginAccount" maxlength="50" type="text" class="f-l input-text radius"
                                   placeholder="请输入中奖人账号"
                                   style="width:65%">
                        </div>
                    </td>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-26" style="width: 96px;">中奖人手机号：</label>
                            <input id="telephone" name="telephone" maxlength="50" type="text" class="f-l input-text radius"
                                   placeholder="请输入中奖人手机号"
                                   style="width:65%">
                        </div>
                    </td>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-30">奖品名称：</label>
                            <sapn class="select-box radius f-l" style="width: 65%">
                                <select id="prizeName" name="prizeName" class="select">
                                    <option value="" selected="selected" >请选择奖品</option>
                                    <option value="10" >谢谢参与</option>
                                    <option value="20">满减劵</option>
                                    <option value="30">运费劵</option>
                                    <option value="40">手机</option>
                                    <option value="50">平板电脑</option>
                                    <option value="60">购物卡</option>
                                    <option value="70">赫力斯工具</option>
                                    <option value="80">水杯</option>
                                </select>
                            </sapn>
                        </div>
                    </td>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-26" style="width: 96px;">中奖码：</label>
                            <input id="winCode" name="winCode" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" maxlength="19" type="text" class="f-l input-text radius"
                                   placeholder="请输入中奖码"
                                   style="width:65%">
                        </div>
                    </td>

                </tr>
                <tr>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-26" style="width: 108px;">前台展示奖品名称：</label>
                            <input id="prizeDisplayName" name="prizeDisplayName" maxlength="50" type="text" class="f-l input-text radius"
                                   placeholder="请输入前台展示奖品名称"
                                   style="width:65%">
                        </div>
                    </td>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-26" style="margin-left: 16px;">中奖时间：</label>
                            <input onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'endTime\')||\'%y-%M-%d\'}',startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd'})" class="input-text Wdate radius" id="beginTime" type="text" placeholder="选择时间" style="width:88px;margin-left: -24px;"  autocomplete="off">
                            ~
                            <input onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'beginTime\')}',dateFmt:'yyyy-MM-dd'})" class="input-text Wdate radius" id="endTime" type="text" placeholder="选择时间" style="width:88px;" autocomplete="off">
                        </div>
                    </td>
                    <td class="col-5-1">
                        <div class="clearfix">
                            <label class="f-l w-80 text-r lh-30">是否发放：</label>
                            <sapn class="f-l select-box radius" style="width: 65%">
                                <select id="isProvide" name="isProvide" class="select">
                                    <option value="">请选择发放状态</option>
                                    <option value="10">是</option>
                                    <option value="20">否</option>
                                </select>
                            </sapn>
                        </div>
                    </td>


                </tr>
                </tbody>
            </table>
            <div class="text-c mt-20">
                <input type="button" onclick="querygame()" id="form_subbmit" class="btn btn-secondary size-S radius mr-10 " value="查&nbsp;&nbsp;询">
                <input type="reset" class="btn size-S radius mr-10 " value="重&nbsp;&nbsp;置">
                <a  onclick="daochu()" id="form_dsubbmit" href="" class="btn btn-secondary size-S radius mr-10 ">导&nbsp;&nbsp;出</a>
            </div>
            <input type="button" onclick="fafang(1)" id="form_dssubbmit" class="btn btn-secondary size-S radius mr-10 " value="全部发放">
            <table id="datatable" class="mt-20 table table-border table-bg table-hover table-sort">
                <thead>
                <tr class="text-c">
                    <th>活动ID</th>
                    <th>中奖人账号</th>
                    <th>中奖码</th>
                    <th>中奖人手机号</th>
                    <th>奖品名称（固定）</th>
                    <th>前台展示奖品名称</th>
                    <th>中奖时间</th>
                    <th style="width: 118px;">是否已发放</th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
            <div class="dataTables_wrapper goods_fanye clearfix mt-5">
                <div class="f-r pageturning M-box3"></div>
            </div>
        </div>
    </form>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../../lib/My97DatePicker/4.8/WdatePicker.js?rev=@@hash"></script>
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/messages_zh.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/Project.js?rev=@@hash"></script>
<!--引入分页-->
<link rel="stylesheet" href="../../lib/pagination/pagination.css">
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<link type="text/css" rel="stylesheet" href="../../ht-js/operation-js/time-js/jedate.css">
<script type="text/javascript" src="../../ht-js/operation-js/time-js/jquery.jedate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../ht-js/power.js?rev=@@hash"></script>

<script src="../../ht-js/promotion/winning.js?rev=@@hash"></script>
<script>
    jQuery.Huitab = function (tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        $(tabCon).eq(i).show();
        $tab_menu.bind(tabEvent, function () {
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show();
        });
    }

    $(function () {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });

    //展开收起SPU
    function fold(ev) {
        if ($(ev).html() == "展开") {
            $(ev).html("收起");
            $(ev).parents(".level1-content").next().show();
        } else {
            $(ev).html("展开");
            $(ev).parents(".level1-content").next().hide();
        }
    }

    //鼠标经过已参加显示取消参加按钮
    $(".already_attend").mouseenter(function () {
        $(this).next().show();
        $(this).hide();
    })
    //鼠标离开取消参加按钮显示已参加
    $(".already_attend + input").mouseleave(function () {
        $(this).prev().show();
        $(this).hide();
    })

    $('.tips').hover(function () {
        $('.showspan').show()
    }, function () {
        $('.showspan').hide()
    })

    function confirmDiscount(ev) {
        $(ev).hide().siblings().not(".btn").hide();
        $(ev).siblings(".btn").show();
    }

    function cancelDiscount(ev) {
        $(ev).hide().siblings().not(".btn").hide();
        $(ev).siblings(".btn").show();
    }

    function setPromotion(ev) {
        $(ev).hide();
        $(ev).siblings().show();
    }

    //满金额优惠与满数量优惠切换
    $(".pro-toggle").change(function () {
        if ($(".pro-toggle").val() == "1") {
            $(".amount").show();
            $(".number").hide();
        } else {
            $(".number").show();
            $(".amount").hide();
        }
    });
</script>
</body>
</html>